<template>
 <div class='wy-main business-publish'>
   <a-row class="wy-main-title">
     <a-col :span="24">
   		<p class="title-p">
   			<a-divider class="title-vertical" type="vertical" />
   			<span class="title-span">车源审核</span>
   			<a-divider class="title-divider" />
   		</p>
   	 </a-col>
	</a-row>
     <a-tabs defaultActiveKey="1" @change="callback" class='tab'>
		    <a-tab-pane tab="车源审核" key="1" class='tab-but' >
		    	<vehicle-sources></vehicle-sources>
		    </a-tab-pane>
		    <a-tab-pane tab="车辆审核" key="2" forceRender>
		    	<vehicle-audit></vehicle-audit>
		    </a-tab-pane>
		    <a-tab-pane tab="驾驶员审核" key="3">
		    	<driver-audit></driver-audit>
		    </a-tab-pane>
		  </a-tabs>
 </div>
    
</template>
<script>
import VehicleSources from './components/VehicleSources'
import VehicleAudit from './components/VehicleAudit'
import DriverAudit from './components/DriverAudit'


export default {
    components: {
        VehicleAudit,
        DriverAudit,
        VehicleSources
    },
    data() {
        return {

        }
    },
    methods:{
       callback (key) {
      console.log(key)
    }
    }
}
</script>
<style lang="less">
	.business-publish {
			.tab{
				.ant-tabs-bar{
					border: none !important;
				    margin-left: 30px;				
				} 
				.ant-tabs-tab{
					width: 120px;
					height: 40px;
					line-height: 14px;
    				text-align: center;
					border-radius:0 !important;
					border: none !important;
					background: #E9F4F3 !important;
					color: #15837A;
				}
				.ant-tabs-tab-active{
					border: none !important;
					background: #15837A !important;
					color: #fff !important;
				}
				.ant-tabs-ink-bar{
					display: none !important;
				}
			}
	}

</style>
